<template>
	<view class="housing">
		<uv-navbar placeholder autoBack />
				
		<view class="content">
			<uv-text text="请选择所在地区" size="28rpx" color="#333" bold/>
			<uv-gap height="10" bgColor="transparent" />
			
			<uv-tabs :list="tabsList" @click="tabsClick" lineColor="#DD7A73" />
			
			<view class="list">
				<view>泰兴市锦绣公馆</view>
				<view>祥泰未来城市花园康郡</view>
				<view>帝景蓝湾</view>
				<view>泰襟江府</view>
				<view>泰兴市滨江镇城南小区</view>
				<view>泰兴市书香名院</view>
				<view>泰兴市中南一期</view>
				<view>泰兴市中南二期</view>
				<view>江苏农牧科技职业学院迎宾校区</view>
				<view>泰州市人民医院海陵院区</view>
				<view>泰兴市龙凤家园</view>
			</view>
		</view>
	</view>
</template>

<script setup>

	import { ref } from 'vue';
	const tabsList = ref([{ name:'江苏省' }, { name: '泰州市' }, {name: '请选择'}])
</script>

<style lang="scss" scoped>
	.content {
		padding: 30rpx;
		background-color: #fff;
		.list {
			color: #333;
			font-size: 28rpx;
			padding-left: 20rpx;
			view {
				margin-top: 30rpx;
			}
		}
	}
</style>